﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>:: Scotiabank PERU ::</title>
		<meta name="keywords" content="Paris,paris,viajar,scotiabank, promoción, promocion, regalo, lujo, relax, relajo, pareja">
		<meta name="description" content="Paris gratis se disfruta el doble: Tus Tarjetas Scotiabank te regalan 6 paquetes dobles a la ciudad de París para que lo disfrutes con quien quieras.">

		<link href="css/reset.css" rel="stylesheet"  media="screen" type="text/css" />
		<link href="css/memoria2011.css" rel="stylesheet"  media="screen" type="text/css" />
		<link href="css/uniform.default.css" rel="stylesheet"  media="screen" type="text/css" />
		<link href="css/print.css" rel="stylesheet" media="print" type="text/css"/>

		<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
		<script src="js/jquery.uniform.min.js" type="text/javascript"></script>
		<script src="js/jquery.infieldlabel.min.js" type="text/javascript"></script>
		<script src="js/jquery.lazyload.min.js" type="text/javascript"></script>

		<!-- Add fancyBox main JS and CSS files -->
		<script type="text/javascript" src="js/source/jquery.fancybox.js"></script>
		<link rel="stylesheet" type="text/css" href="js/source/jquery.fancybox.css" media="screen" />

		<script type="text/javascript">
			$(function() {

				$("#nav ul li a").click(function() {
					var dir = $(this).attr("rel");
					$("#nav ul li a").removeClass("active");
					$(this).addClass("active");
					$(".btn_cerrar").hide();
					$("#contenido").fadeOut("slow", function(){ cargarPagina(dir) });

				});
				
				function cargarPagina(dir)
				{
					$("#myframe").attr("src", dir);
					$("#myframe").load(function() {
						$("#contenido").slideDown(function() { $(".btn_cerrar").fadeIn("slow") });
					});
				}
				
				$("#tab_menu").click(function() {
					if($("#tab_menu a").text() == "Ocultar menú" )
					{
						$("#nav").slideUp("slow", function() {
							$("#header").fadeOut(function() {
								$(".grid_40:eq(1)").prependTo(".container_50");
								$("#tab_menu a").text("Ver menú");
								$("#header").fadeIn();
							});
						});
					}
					else
					{						
						$("#nav").slideDown("slow", function() {
							$("#header").fadeOut(function() {
								$(".grid_40:eq(0)").appendTo("#main_menu");
								$("#tab_menu a").text("Ocultar menú");
								$("#header").fadeIn();
							});
						});
					}
				});
				
				$(".btn_cerrar").click(function() {
					$(this).hide();
					$("#contenido").fadeOut("slow");
				});

				//var url = $(location).attr('href'); //get current url
				/*var url = 'font/stylesheet.css?param=#23dd&noob=yes'
				 var encodedUrl = encodeURIComponent(url);
				 console.log(encodedUrl);*/

				/*var decodedUrl = decodeURIComponent(url);
				 //console.log(decodedUrl);

				 var structure = [
				 '<!-- font css add -->',
				 '<link href="',
				 decodedUrl,
				 '" rel="stylesheet"  media="screen" type="text/css" />'

				 ];

				 //console.log(structure);
				 $(structure.join('')).appendTo('head');*/

				var win = null;
				function printIt(printThis) {
					win = window.open();
					self.focus();
					win.document.open();
					win.document.write('<' + 'html >' + '<title>:: Scotiabank PERU ::</title>' + '<' + 'head' + '><' + 'style' + '>');
					win.document.write('body, td { font-family: Arial font-size: 10pt;}');
					win.document.write('<' + '/' + 'style' + '><' + '/' + 'head' + '><' + 'body' + '>');
					win.document.write(printThis);
					win.document.write('<' + '/' + 'body' + '><' + '/' + 'html' + '>');
					win.document.close();
					win.print();
					win.close();
				}


				$(".btn1").click(function() {

					var cont = $("#inline1 .toPrint").html();
					printIt(cont);
				});

				$(".btn2").click(function() {

					var cont = $("#inline2 .toPrint").html();
					printIt(cont);
				});
				/*$('.form2 input').focus(function() {
				 $(".form2").css({"height":"auto"});
				 $(".temp").css("display","none");
				 //$(".text_banner ").css("padding-bottom","0");

				 });*/

				$("img.lazy").show().lazyload({
					effect : "fadeIn"
				});

				$('.fancybox').fancybox();

				$(".text_banner").addClass("fondo_banner");

				/*$(".form2").css({"height":"auto"});*/

				$("input, textarea, button").uniform();

				//$("label").inFieldLabels();

				var max_size = $(window).width();

				resizeImage();

				$(window).resize(function() {
					max_size = $(window).width();
					//alert(max_size);
					resizeImage();

				});

				/*$("input.quieres").hover(
				function(e) {
				$(this).attr('src','img/img-puedes.png');
				},function(e) {
				$(this).attr('src','img/img-quieres.png');
				});*/

				//
				//		$("#btn").click(function(){
				//		fnc_insertar();
				//		});

				function resizeImage() {
					$("#slideshow img").each(function(i) {

						if ($(this).height() > $(this).width()) {

							var h = max_size;

							var w = Math.ceil($(this).width() / $(this).height() * max_size);

						} else {

							var w = max_size;

							var h = Math.ceil($(this).height() / $(this).width() * max_size);

						}

						$(this).css({
							height : h,
							width : w
						});

						$("#container").css({
							height : h,
							width : w
						});
						$("#slideshow").css({
							height : h,
							width : w
						});

						/*if (w > 0 && w <= 1024) {

						 $("#banner").css({
						 top : h / 27,
						 right : h / 27
						 });
						 $(".logo").css("top", h / 27);

						 } else if (w > 1024 && w <= 1440) {
						 $("#banner").css({
						 top : h / 15,
						 right : h / 15
						 });
						 $(".logo").css("top", h / 15);
						 } else if (w > 1440 && w < 2000) {
						 $("#banner").css({
						 top : h / 15,
						 right : h / 15
						 });

						 $(".logo").css("top", h / 15);
						 }*/

						/*if (w >= 1900) {
						 $("#slideshow").css({
						 height : 800
						 });

						 }

						 else if (w > 1200) {

						 $("#slideshow").css({
						 height : 540
						 });

						 } else {
						 $("#slideshow").css({
						 height : h
						 });
						 $(this).css({
						 top : 0
						 });
						 }*/

					});
				};

			});

			/***
			 Simple jQuery Slideshow Script
			 Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
			 ***/
			function slideSwitch() {
				var $active = $('#slideshow IMG.active');

				if ($active.length == 0)
					$active = $('#slideshow IMG:last');

				// use this to pull the images in the order they appear in the markup
				var $next = $active.next().length ? $active.next() : $('#slideshow IMG:first');

				// uncomment the 3 lines below to pull the images in random order

				// var $sibs  = $active.siblings();
				// var rndNum = Math.floor(Math.random() * $sibs.length );
				// var $next  = $( $sibs[ rndNum ] );

				$active.addClass('last-active');

				$next.css({
					opacity : 0.0
				}).addClass('active').animate({
					opacity : 1.0
				}, 1000, function() {
					$active.removeClass('active last-active');
				});
			}

			$(function() {
				setInterval("slideSwitch()", 8000);
			});

		</script>
	</head>

	<body>
		<div id="container">

			<div id="slideshow">
				<img class="lazy active" src="img/grey.gif" data-original="photos/p5.jpg" height="768" width="1024" alt="Slideshow Image 4" />
				<img class="lazy" src="img/grey.gif" data-original="photos/p5.jpg" height="768" width="1024" alt="Slideshow Image 5" />
				<img class="lazy" src="img/grey.gif" data-original="photos/p3.jpg" height="768" width="1024" alt="Slideshow Image 3" />
				<img class="lazy" src="img/grey.gif" data-original="photos/p2.jpg" height="768" width="1024" alt="Slideshow Image 2" />
				<img class="lazy" src="img/grey.gif" data-original="photos/p1.jpg" height="768" width="1024"alt="Slideshow Image 1" />
				<img class="lazy" src="img/grey.gif" data-original="photos/p8.jpg" height="768" width="1024" alt="Slideshow Image 2" />
				<img class="lazy" src="img/grey.gif" data-original="photos/p9.jpg" height="768" width="1024" alt="Slideshow Image 2" />

			</div>

		</div>

		<div class="container_50">

			<div id="header" class="grid_40 push_5 align-center">
				<div class="spacer-10">
					&#32;
				</div>
				<img src="img/logo_sbk_2.png">
			</div>

			<div class="spacer-10">
				&#32;
			</div>

			<div id="main_menu">
                <div class="grid_40 push_5 zindex">
                    <div class="menu-cont rectangle" id="nav">
    
                        <ul class="grid_12 alpha">
                            <li>
                                <a href="#" rel="contenido/mision-vision.html">Misión y Visión</a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/declaracion-responsabilidad.html">Declaración de responsabilidad</a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/directorio.html">Directorio</a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/gerencia.html">Gerencia</a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/principales-indicadores.html">Principales Indicadores</a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/carta-del-presidente.html">Carta del Presidente del Directorio</a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/entorno-macroeconomico.html">Entorno Macroeconómico y Sistema Financiero</a>
                            </li>
                        </ul>
    
                        <ul class="grid_12 menu-center">
                            <li>
                                <a href="#" rel="contenido/gestion-financiera.html">Gestión financiera</a>
                            </li>
    
                            <li>
                                <a href="#" rel="contenido/negocios.html">Negocios</a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/bancas.html">Bancas (Retail, Wholesale, Tesorería y mercado de capitales, Banca patrimonial) </a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/subsidiarias.html">Subsidiarias</a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/division-de-riesgos.html">División de riesgos</a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/gestion-integral-riesgos.html">Gestión integral de riesgos</a>
                            </li>
                        </ul>
    
                        <ul class="grid_12 omega">
                            <li>
                                <a href="#" rel="contenido/prevencion-lavado-de-activos.html">Unidad de Prevención de Lavado
                                de Activos </a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/gestion-capital-humano.html">Gestión estratégica
                                del capital humano</a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/responsabilidad-social.html">Responsabilidad Social Corporativa</a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/agradecimiento.html">Agradecimiento</a>
                            </li>
                            <li>
                                <a href="#" rel="contenido/informacion-complementaria.html">Información complementaria resolución Conasev N0 211-98-EF/94.11 </a>
                            </li>
                        </ul>
    
                    </div>
                    
                    <div id="tab_menu">                	
                        <a href="#">Ocultar menú</a>
                    </div>
    
                </div>
            </div>
            
			<div class="spacer-20">
				&#32;
			</div>

			<div id="contenido" class="grid_40 push_5 zindex" style="display:none">
				<div class="btn_cerrar">
                	&#32;
                </div>
                
                <iframe  id="myframe" frameborder="0" allowtransparency="true" name="_cont" src="contenido/vacio.html" scrolling="no"  width="100%" height="300" >

				</iframe>
			</div>

		</div>

		<script>
			// Resize iframe to full height
			/*function resizeIframe(height) {
				// "+60" is a general rule of thumb to allow for differences in
				// IE & and FF height reporting, can be adjusted as required..
				document.getElementById('myframe').height = parseInt(height) + 60;
			}*/
		</script>

	</body>
</html>
